		html {	height: 100.2%;	
				font-size: 62.5%;  
				font-weight: normal;  
				background: #fff;
		}
				
		bb, strong, .bold {	font-weight: bold; 
		}
		
		body {	font: 1.2em/1.8em Verdana, sans-serif; 
				margin: 1.5em;
		}
		
		a { color: #009;
		}
		
		a:hover{	color: #00C;
					text-decoration: none;
		}
		
		* {	margin: 0px;
			padding: 0px;
			border: 0px;
		}
		
		h1 {	margin-bottom: 0.5em;
				font-size: 1.5em;
		}
		
		h2 { 	margin-left: 0.5em;
				font-size: 1.3em;
		}
		h2.correct, h2.wrong {
			margin-top:2em;
			border-bottom: 1px solid #666;
		}
		
		
		
		h3 { 	margin-left: 0.5em;
				font-size: 1.1em;
		}
		
		ul, ol { 	list-style: disc outside; 
					margin: 10px 30px 20px;
		}
		
		li { padding-left: 5px;
			line-height: 1.3em;
			margin-bottom: 1.3em;
		}
		
		table {	border-collapse: collapse;
				margin: 1em; 
		}
		
		th, th a, th a:hover {	background-color: #666; 
				border: 1px solid black;
				color: #fff;
				text-decoration:none;
		}
		
		td {	border: 1px solid black;
				text-align: center;
		}
					
		table tr {	background: white;
		}
		
		table tr td a {	display:block;
		}
		
		table tr:hover {	background: #DCDCDC; 
		} 
		
		td.res{
			width:50px;
		}
			
		/*Mapping - Table*/
		table.mapping {
			font-size:1.3em;
		}
		table.mapping tr:hover {
			background:none;
		}
		table.mapping td {
			text-align:left;
			width:400px;
			font-size: 0.9em;
			vertical-align:top;
		}
		table.mapping td li{
			margin-bottom: 0.1em;
		}
		
		table.mapping tr.clear, td.clear{
			background:#6F9;
		}
		
		a:hover.correct, .correct { color:#060}
		a:hover.wrong, .wrong {color:#C00}
		a.correct, a.wrong { text-decoration:none;}
		h2 a { text-decoration:none;}
		
		div p{
			margin-left:3em;
		}
		
		div p.setting{width:800px;}